﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/templet.css"/>
		<link rel="stylesheet" href="css/footer&cbl.css" />
		<link rel="stylesheet" href="css/daohang.css" />
		<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>		
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/hp.js"></script>
		<script type="text/javascript" src="js/templet.js"></script>
		<title></title>
	</head>
	<body>
	<div id="main">
		<header  data-spy="affix" data-offset-top="70">
			<nav class="navbar-inverse" id="daohang">
				<div class="daohang">
					<div class="navbar-header clearfix">
						<button type="button" class="zd" id="zd" >
							<span class="glyphicon glyphicon-align-justify"></span>
						</button>
						<a href="#" class="navbar-brand"><img src="img/qifeiye.png"/></a>
					</div>
					<div class="collapse navbar-collapse" id="daohangtiao">
						<ul class="nav navbar-nav">
							<li><a href="index.html">首页</a></li>
							<li><a href="templet.html">模板</a></li>
							<li><a href="setmeal.html">套餐</a></li>
							<li><a href="example.html">案例</a></li>
							<li class="wd1"><a href="">文档</a>
								<ul class="wd2 clearfix">
									<li class="pull-left " style="width: 233px;">
										<p><a href="#" class="a1">教程中心</a></p>
										<ul class="ul1 pull-left">
											<li><a href="#">快速入门</a></li>
											<li><a href="#">绑定域名</a></li>
											<li><a href="#">网页设计</a></li>
										</ul>
										<ul class="ul2 pull-left">
											<li><a href="#">SEO相关</a></li>
											<li><a href="#">网站备案</a></li>
											<li><a href="#">商城在线</a></li>							
										</ul>
									</li>
									<li class="pull-left clearfix" style="width: 219px;">
										<p><a href="#" class="a1">版本更新日志</a></p>
										<ul class="ul1"> 
											<li><a href="#" title="系统升级日志：V4.52">系统升级日志：V4.52</a></li>
											<li><a href="#" title="系统升级日志：V4.50 & V4.51">系统升级日志：V4.50 ...</a></li>
											<li><a href="#" title="系统升级日志：V4.49">系统升级日志：V4.49</a></li>
											<li><a href="#" title="系统升级日志：V4.48">系统升级日志：V4.48</a></li>
										</ul>										
									</li>
									<li class="pull-left clearfix" style="width: 479px;">
										<p><a href="#" class="a1">建站资讯</a></p>
										<ul class="ul1">
											<li><a href="#" title="2017年响应式网站设计中字体排版的新趋势">2017年响应式网站设计中字...</a></li>
											<li><a href="#" title="如何提高网站的设计感？巧妙的几何图案是个捷径">如何提高网站的设计感？巧妙的...</a></li>
											<li><a href="#" title="什么是响应式网页布局? 给你五个最经典的例子">什么是响应式网页布局? 给你...</a></li>
											<li><a href="#" title="干货分享: 几何设计学原理の黄金分割在网页设计中应用">干货分享: 几何设计学原理の...</a></li>
										</ul>										
									</li>
								</ul>
							</li>
							<li class="gy1"><a href="">关于</a>
								<ul class="gy2 clearfix">
									<li class="pull-left clearfix" style="width: 130px;">
										<p><a href="#" class="a1">公司介绍</a></p>
										<ul class="ul1">
											<li><a href="#">公司介绍</a></li>
											<li><a href="#">服务条款</a></li>
											<li><a href="#">法律声明</a></li>
											<li><a href="#">可接受服务</a></li>
											<li><a href="#">免责声明</a></li>
										</ul>										
									</li>
									<li class="pull-left clearfix" style="width: 330px;">
										<p><a href="#" class="a1">荣誉资质</a></p>
										<table >
											<tr>
												<td><a href="#" class="a2"><img src="img/gy04.jpg"/></td>
												<td><a href="#" class="a2"><img src="img/gy01.jpg"/></td>
											</tr>
											<tr>
												<td><a href="#" class="a2"><img src="img/gy03.jpg"/></td>
												<td><a href="#" class="a2"><img src="img/gy02.jpg"/></td>
											</tr>
										</table>
									</li>
									<li class="lianxi pull-left clearfix" style="width: 478px;">
										<p><a href="#" class="a1">联系客服</a></p>
										<ul class="col-lg-12 col-md-12">
											<li><a href="#" class="aa1">客户服务热线</a></li>
											<li><a href="#" class="aa2">4006-285-729</a></li>
											<li><a href="#" class="aa1">QQ客户中心</a></li>
											<li><a href="#" class="aa2">800088546</a></li>
											<li><a href="#" class="aa1">公司地址</a></li>
											<li><a href="#" class="aa2">苏州市工业园区加成大厦F4-D2</a></li>
										</ul>										
									</li>
								</ul>
							</li>
								
						</ul>
						<ul class="zcdl nav navbar-nav pull-right">
							<li><a href="tologin.html">登录</a></li>
							<li><a href="register.html">注册</a></li>
						</ul>
					</div>					
				</div>
				<div id="box">
					<div class="box1 col-sm-2 col-xs-2">
						<span id="X" class="glyphicon glyphicon-remove pull-right" ></span>
					</div>
					<div class="box2 col-sm-10 col-xs-10" >
						<ul id="ul1"class="clearfix">
							<li><a href="index.html">首页</a></li>
							<li><a href="templet.html">模板</a></li>
							<li><a href="setmeal.html">套餐</a></li>
							<li><a href="example.html">案例</a></li>
							<li id="wd"><a>文档<i class="glyphicon glyphicon-menu-right"></i></a></li>
							<li id="gy"><a>关于<i class="glyphicon glyphicon-menu-right"></i></a></li>
						</ul>
						<div id="wd1">
							<ul>
								<li id="fanhui1"><a>返回上一级</a></li>
								<li><a>教程中心</a></li>
								<li><a>建站资讯</a></li>
								<li><a>更新日志</a></li>
							</ul>
						</div>
						<div id="gy1" >
							<ul id="ul2">
								<li id="fanhui2"><a>返回上一级</a></li>
								<li id="gcxx"><a>公司信息<i class="glyphicon glyphicon-menu-right"></i></a></li>
								<li><a>荣誉资质</a></li>
								<li><a>联系客服</a></li>
							</ul>
						</div>
						<div id="gc" >
							<ul >
								<li id="fanhui3"><a>返回上一级</a></li>
								<li><a>公司介绍</a></li>
								<li><a>服务条款</a></li>
								<li><a>法律声明</a></li>
								<li><a>可接受服务</a></li>
								<li><a>免责声明</a></li>
							</ul>
						</div>
					</div>
				</div>
			</nav>
		</header>
		
		<div class="main">
		  	<div class="main1">
				<div class="container">
					<div class="b1">
						<div class="b1-1 clearfix">
							<img src="img/p2-1.png" class="img-responsive" width="716" height="66"/>
						</div>
						<div class="b1-2">
							<p>您可以通过关键词快速找到您需要的模版，例如：酒店、软件外包、律师事务所等。</p>
						</div>
						<hr />
					</div>
					<div class="b2 clearfix">
						<div class="b2-1 col-lg-2 col-md-2 col-sm-10 col-xs-10">
							<div class="b2-1-1">
      							<input type="text" class="form-control" placeholder="搜索模板">      							
        						<a href="" class="glyphicon glyphicon-search"></a>
   							</div>
   							<ul class="bul1">
   								<li><span href="">所有模板</span></li>
   								<li><span href="">热门模板</span></li>
   								<li><span href="" class="active">最新模板</span></li>
   							</ul>
   							<hr />
   							<ul class="bul2">
   								<li><span href="">企业/公司/机构</span>
   								<div class="bul2-a">
   									<a class="">教育、培训机构</a><br />
   									<a class="">高新技术</a><br />
   									<a class="">传统制造</a><br />
   									<a class="">餐厅饭店</a><br />
   									<a class="">生活服务</a><br />
   									<a class="">建筑、地产开发</a><br />
   									<a class="">金融、投资</a><br />
   									<a class="">医疗、健康</a><br />
   									<a class="">会计事务所</a><br />
   									<a class="">律师事务所</a><br />
   									<a class="">中介服务</a><br />
   									<a class="">广告传媒</a><br />
   									<a class="">文化、体育运动</a><br />
   									<a class="">精品展示</a><br />
   									<a class="">大量产品展示</a><br />
   									<a class="">会议专题</a><br />
   									<a class="">行业信息门户</a><br />   									
   								</div>
   								</li>
   								<li><span href="">个人</span>
   								<div class="bul2-a">
   									<a class="">作品展示</a><br />
   									<a class="">职业简历</a><br />
   									<a class="">留学简历</a><br />
   									<a class="">个人网站</a><br />
   									<a class="">个人博客</a><br />
   									<a class="">婚礼庆典</a><br />
   								</div>
   								</li>
   								<li><span href="">在线商城</span>
   									<div class="bul2-a">
   									<a class="">通用商城</a><br />
   									<a class="">酒店预订</a><br />
   									<a class="">餐饮外卖</a><br />
   									</div>
   								</li>
   								<li><span href="">一页式网站</span></li>
   								<li><span href="">设计风格</span>
   								<div class="bul2-a" >
   									<a class="">简洁简约</a><br />
   									<a class="">最新流行</a><br />
   									<a class="">经典复古</a><br />
   									<a class="">商务化</a><br />
   									<a class="">扁平化</a><br />
   								</div>
   								</li>
   							</ul>
						</div>
						<div class="b2-2 col-lg-10 col-md-10 col-sm-12 col-xs-12">
							<div class="b2-2-1 clearfix">
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="main2 container">
				<div class="main2-1">
					<span>起飞页的便捷之处</span>
					<br /><br /><br />
					<p>使用起飞页自助建站平台及其网站编辑器来做网站，完全不需要编码。您可以对网站的4000多个参数进行可视化的设置。您可以快速的编辑网站的任何一个页面，加入文本、图片、视频或者表单，并调整它们的颜色和大小。将您的网站连接到微信公众平台也仅仅需要5分钟。<a href=""> 了解全部起飞页功能。</a></p>
				</div>
				<div class="main2-2 clearfix">
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<span>根据模板创建出的网站可以修改吗？</span>
						<p><i>&nbsp;</i>当您创建完网站之后，您可以对网站进行任何您认为必要和合理的修改。完全不必担心这会影响到模板。</p>
					</div>
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<span>不同的模板会不会有功能的限制或者区分？</span>
						<p><i>&nbsp;</i>不会的。每个模板都可以使用所有的系统功能和网站功能。</p>
					</div>
				</div>
				<div class="main2-2 clearfix">
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<span>选择模板之后可以更换模板吗？</span>
						<p><i>&nbsp;</i>由于网站数据的复杂度很高，起飞页现在还不支持这个功能。但是您可以通过创建一个新的网站来达到这个目的。</p>
					</div>
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<span>我的网站何时可以上线？</span>
						<p><i>&nbsp;</i>试用版网站不支持公开的访问。当您升级到任何一个付费套餐之后，网站就可以被所有人访问了。</p>
					</div>
				</div>
				<div class="main2-3 clearfix">
					<ul class="main2-3-1 col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<li><a>广告公司模版</a></li>
						<li><a>传媒公司模版</a></li>
						<li><a>广告传媒公司模版</a></li>
					</ul>
					<ul class="main2-3-2 col-lg-3 col-md-3 col-sm-12 col-xs-12">
						<li><a>画家作品展示网站模板</a></li>
						<li><a>摄影师作品展示网站模版</a></li>
						<li><a>画家个人网站模版</a></li>
						<li><a>摄影师个人网站模版</a></li>
					</ul>
				</div>
			</div>	
		</div>
		<div class="footer">
			<div class="f1">
				<div class="container">
					<div class="ff1 col-lg-4 col-md-4 col-sm-12 col-xs-12">
						<div class="ff1-1">起飞页 · 优雅做网站</div>
						<div class="ff1-2">2014年起，专注于响应式建站领域。起飞页是目前国内最专业、最领先的响应式建站平台。</div>
						<div class="ff1-3">
							<p>Q Q客服：800088546</p>
							<p>客服热线：4006-285-729 / 0512-62969169</p>
						</div>
						<div class="ff1-4">
							<p>合作伙伴:</p>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (1).png"></div>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (4).png"></div>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (2).png"></div>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (3).png"></div>							
						</div>
					</div>
					<div class="ff2 col-lg-8 col-md-8">
						<div class="col-lg-2 col-md-2">
							<div class="ff2-1"><p>公司信息</p></div>
							<p><a href="#">公司介绍</a></p>
							<p><a href="#">服务条款</a></p>
							<p><a href="#">法律声明</a></p>
							<p><a href="#">可接受服务</a></p>
							<p><a href="#">免责声明</a></p>
						</div>
						<div class="col-lg-2 col-md-2">
							<div class="ff2-1"><p>技术支持</p></div>
							<p><a href="#">联系客服</a></p>
							<p><a href="#">建站教程</a></p>
							<p><a href="#">更新日志</a></p>
							<p><a href="#">博客</a></p>
							<p><a>免责声明</a></p>
						</div>
						<div class="col-lg-4 col-md-4">
							<div class="ff2-1"><p>快速入口</p></div>
							<p><a href="#">提交域名备案流程</a></p>
							<p><a href="#">申请域名设定服务</a></p>
							<p><a href="#">在线格式转换</a></p>
							<p><a href="#">检测网站为什么打不开</a></p>
							<p><a href="#">检测网站为什么打开很慢</a></p>
						</div>
						<div class="col-lg-4 col-md-4" style="padding-right: 0;">
							<div class="ff2-1"><p>最新资讯</p></div>
							<p><a href="#">干货分享: 几何设计学原理の黄金分割在网...</a></p>
							<p><a href="#">系统升级日志: V4.52</a></p>
							<p><a href="#">如何改善网站留给用户的第一印象？（下）</a></p>
							<p><a href="#">如何改善网站留给用户的第一印象？（上）</a></p>
							<p><a href="#">多彩字体指南：让新手也能快速体验网页缤纷...</a></p>
						</div>
					</div>
				</div>
								
			</div>
			<div class="f2">
				<div class="container">
					<hr style="width: 100%;border: none;height: 1px;background-color: #E2E2E2;"/>
					<p>拓展您的业务，展示您的风采，或者只是尝试一下新的想法。 起飞页自助建站平台，拉近您与互联网的距离！</p>
					<hr style="width: 100%;border: none;height: 1px;background-color: #E2E2E2;"/>
					<p>版权所有 2013-2017 苏州卡达网络科技有限公司   增值电信业务经营许可证苏B2-20150321 苏ICP备09008221号-3 版本: V3.6</p>
				</div>
			</div>
		</div>
		
		<ul class="cbl" >
			<li><a href="#">
				<div class="icon d1"><i class="i1"></i><span class="title">在线客服</span></div>
			</a></li>
			<i class="clearfix"></i>
			<li><a href="#">
				<div class="icon d2"><i class="i2"></i><span class="title">4006285729</span></div>
			</a></li>
			<i class="clearfix"></i>
			<li><a  href="#">
				<div class="icon"><i class="i3"></i><span class="title">教程中心</span></div>
			</a></li>
			<i class="clearfix"></i>
			<li ><a  href="#">
				<div class="icon d4" data-toggle="tooltip" data-placement = "left" title="<img src='img/erweima.png'><br/> 关注微信 " data-html="true"><i class="i4"></i></div>
			</a></li>
		</ul>
	</div>
	</body>	
</html>
